<template>
  <view class="delivery-address" @click="toCourier">
    <up-icon name="map"></up-icon>
    <view class="address-nav">
      <view class="nav-info">收件人：{{address.name}} {{address.phone}}</view>
      <view class="nav-address">地址：{{address.site}}</view>
    </view>
  </view>
</template>

<script setup>
  import {
    defineProps
  } from 'vue'
  const {
    address
  } = defineProps(['address'])
  console.log(address,4444);
   
   function toCourier(){
     uni.navigateTo({
       url:"/subpages/userPage/courier-address"
     })
   }
</script>

<style lang="less" scoped>
  .delivery-address {
    width: 100%;
    height: 200rpx;
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 32rpx;
    margin-top: 24rpx;
    display: flex;
    align-items: flex-start;

    .address-nav {
      display: flex;
      flex-direction: column;
      margin-left: 16rpx;
      font-size: 28rpx;
      font-weight: 400;
      color: rgba(51, 51, 51, 1);

      .nav-address {
        margin-top: 16rpx;
      }
    }
  }
</style>